<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/rim_list.css">
</head>
<body>
    <!-- header头部 -->
    <header></header>

    <!-- nav导航栏 -->
    <nav>
        <ul>
            <li class="menu_nav"><a href="#">周边首页</a></li>
            <li><a href='#'>全部商品</a></li>
            <li><a href='#'>礼包收藏</a></li>
            <li><a href='#'>领取游戏道具</a></li>
            <li><a href='#'>土罐市集</a></li>
            <li><a href='#'>妙趣盒·亮点大集结</a></li>
            <div class="menu_right">
                <div class="bottom_fuwu">
                    
                </div>
            </div>
        </ul>
    </nav>

    <!-- 周边列表 -->
    <div class="rim_list">
        <div class="content">
            <!-- 左侧猜你喜欢 -->
            <div class="list_left">
                <div class="like_list">
                    <div class="liketitle">猜你喜欢</div>
                    <ul class="likebox">
                        <li>
                            <div class="list_hottip">1</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                        <li>
                            <div class="list_hottip">2</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                        <li>
                            <div class="list_hottip">3</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                        <li>
                            <div class="list_hottip">4</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                        <li>
                            <div class="list_hottip">5</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                        <li>
                            <div class="list_hottip">6</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                        <li>
                            <div class="list_hottip">7</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                        <li>
                            <div class="list_hottip">8</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                        <li>
                            <div class="list_hottip">9</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                        <li>
                            <div class="list_hottip">10</div>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1651/shop80.jpg " alt="图片丢失了">
                            </a>
                            <div class="rim_info">
                                <h3><a href='#'>《使徒来袭III:天灾来临》</a></h3>
                                <span>60天已售 <font>1000+</font></span>
                                <span>299元 <font class="price">399元</font></span>
                            </div>
                        </li>
                    </ul>
                    <div class="list_jiaoyin">
                        勇士脚印
                    </div>
                    <ul class="list_jiaoyin_box">
                        <li>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1650/shop80.jpg " alt="图片丢失了">
                                <span>去购买</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1650/shop80.jpg " alt="图片丢失了">
                                <span>去购买</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1650/shop80.jpg " alt="图片丢失了">
                                <span>去购买</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1650/shop80.jpg " alt="图片丢失了">
                                <span>去购买</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1650/shop80.jpg " alt="图片丢失了">
                                <span>去购买</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1650/shop80.jpg " alt="图片丢失了">
                                <span>去购买</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 右侧商品列表 -->
            <div class="list_right">
                <div class="list_nav">
                    <div class="list_nav_box">
                        <h3>周边类目</h3>
                        <a href="#">全部商品</a>
                        <span><a href="#">礼包收藏</a>
                            <div class="list_ziji">
                                <a href="#"><b>全部</b></a>
                                <a href="#">典藏包</a>
                                <a href="#">雕塑</a>
                            </div>
                        </span>
                        <span><a herf="#">手办模型</a>
                            <div class="list_ziji">
                                <a href="#"><b>全部</b></a>
                                <a href="#">典藏包</a>
                                <a href="#">雕塑</a>
                            </div>
                        </span>
                        <span><a herf="#">数码电子</a>
                            <div class="list_ziji">
                                <a href="#"><b>全部</b></a>
                                <a href="#">典藏包</a>
                                <a href="#">雕塑</a>
                            </div>
                        </span>
                        <span><a herf="#">服饰日用</a>
                            <div class="list_ziji">
                                <a href="#"><b>全部</b></a>
                                <a href="#">典藏包</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                                <br>
                                <a href="#">雕塑</a><a href="#">雕塑</a>
                                <a href="#">雕塑</a>
                            </div>
                        </span>
                    </div>
                </div>
                <div class="list_shop">
                    <div class="list_shop_header">
                        <div class="left">
                            <a href="#" class="ac">人气</a>
                            <a href="#">热销</a>
                            <a href="#">新品</a>
                            <a href="#">价格</a>
                        </div>
                        <div class="right">
                            <span>共117个商品 1/6页</span>
                            <a href="#" class="prev"></a>
                            <a href="#" class="next"></a>
                        </div>
                    </div>
                    <ul class="list_shop_box clearf">
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                        <li>
                            <div class="hot">

                            </div>
                            <a href="#" class="img_preview">
                                <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                            </a>
                            <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                            <div class="price">
					            <span class="now">
                                    338元
                                </span>
                                <span class="before">338元</span>
                                217人点评
                            </div>
                        </li>
                    </ul>
                    <div class="list_page">
                        <div class="page">
                            <a href="#" class="page_prev not_click" >上一页</a>
                            <a href="#" class="ac">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">4</a>
                            <a href="#">5</a>
                            <a href="#" class="page_next">下一页</a>
                        </div>
                        <div class="pagenum">
                            共117个商品
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>


    <!-- 底部商品推荐 -->
    <div class="bottom_shop">
        <div class="bottom_shop_title">
            <h3>塞雷娅为你推荐</h3>
            <a href="#">全部周边</a>
        </div>
        <div class="bottom_shop_box">
            <ul>
                <li>
                    <div class="hot">

                    </div>
                    <a href="#" class="img_preview">
                        <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                    </a>
                    <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                    <div class="price">
                        <span class="now">
                            338元
                        </span>
                        217人点评
                    </div>
                </li>
                <li>
                    <a href="#" class="img_preview">
                        <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                    </a>
                    <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                    <div class="price">
                        <span class="now">
                            338元
                        </span>
                        217人点评
                    </div>
                </li>
                <li>
                    <div class="hot">

                    </div>
                    <a href="#" class="img_preview">
                        <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                    </a>
                    <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                    <div class="price">
                        <span class="now">
                            338元
                        </span>
                        217人点评
                    </div>
                </li>
                <li>
                    <div class="hot">

                    </div>
                    <a href="#" class="img_preview">
                        <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                    </a>
                    <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                    <div class="price">
                        <span class="now">
                            338元
                        </span>
                        217人点评
                    </div>
                </li>
                <li>
                    <a href="#" class="img_preview">
                        <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                    </a>
                    <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                    <div class="price">
                        <span class="now">
                            338元
                        </span>
                        217人点评
                    </div>
                </li>
                <li>
                    <a href="#" class="img_preview">
                        <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                    </a>
                    <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                    <div class="price">
                        <span class="now">
                            338元
                        </span>
                        217人点评
                    </div>
                </li>
                <li>
                    <a href="#" class="img_preview">
                        <img src="https://img.dnfcity.qq.com/goodsImages/mall2015/1658/shop200.jpg" alt="图片丢失了">
                    </a>
                    <a href="#" class="info">天空之忆妙趣盒（女鬼剑）套装</a>
                    <div class="price">
                        <span class="now">
                            338元
                        </span>
                        217人点评
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="bottom"></div>
</body>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>
</html>